<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:body>

        <ui:composition template="./plantilla.xhtml">
            <ui:define name="titulo">Acciones</ui:define>
            <ui:define name="content">
                <h1>Acciones</h1>
                <h2>Dividir A entre B</h2>
                <h:form id="forma">
                    <h:messages errorStyle="color:red; background: #fee" />
                    <h:panelGrid columns="3" cellpadding="0" cellspacing="12">
                        
                        <h:outputLabel for="txtA" accesskey="A" value="A:" />
                        <h:inputText id="txtA" label="A" value="#{cAcciones.a}" required="true" requiredMessage="Captura el valor para A" />
                        <h:message for="txtA" />
                        
                        <h:outputLabel for="txtB" accesskey="B" value="B:" />
                        <h:inputText id="txtB" label="B" value="#{cAcciones.b}" required="true" requiredMessage="Captura el valor para B"/>
                        <h:message for="txtB" />
                        
                        <h:outputLabel value="Cociente:" />
                        <h:outputLabel value="#{cAcciones.cociente}" />
                        
                        <h:panelGroup />
                        
                        <h:outputLabel value="Residuo:" />
                        <h:outputLabel value="#{cAcciones.residuo}" />
                        
                        <h:panelGroup />
                        <h:panelGroup />
                        
                        <h:panelGroup>
                            <h:commandButton accesskey="C" value="Calcular" action="#{cAcciones.calcula()}" />
                            <h:commandLink accesskey="R" value="Otra forma de calcular cociente y residuo" action="#{cAcciones.calcula()}" />
                        </h:panelGroup>
                        
                    </h:panelGrid>
                </h:form>
            </ui:define>

        </ui:composition>

    </h:body>
</html>
